<extend name="Base/Base" />
<block name="body">
	<div class="container text-white contact">
    	<h1 class="text-center">CONTACT</h1>
    	<div class="row contact">
    		<div class="col-sm-4">
    			<p><i class="icon-e pull-left"></i>absolute@highend.com.hk
          </p>
				<p>
					<h3><i class="icon-home pull-left"></i>中環店</h3>
					地址 : 香港中環士丹利街11號18樓全層<br>
					電話 : (+852) 2810 0081
				</p>
				<p>
					<h3><i class="icon-home pull-left"></i>九龍店 </h3>
					地址 : 香港九龍旺角西洋菜街2T號添置商業中心15樓全層<br>
					電話 : (+852) 2321 3336
				</p> 
				<p>
					<h3><i class="icon-home"></i>廣州店</h3>
					地址 : 中國廣州市越秀區大沙頭路21號海印廣場4樓D019<br>
					電話 : (+86) 155 4682 2888
				</p>
				<p>
					<h3><i class="icon-home"></i>辦公室</h3>
					地址 : 香港九龍旺角山東街47-51號中僑商業大廈2004室<br>
					電話 : (+852) 2838 1381
				</p>
    		</div>
    		<div class="col-sm-4">
    			<h3>特約經銷商</h3>
    			<p>
    			<h3><i class="icon-home"></i>顯赫音響</h3>
					地址 : 香港九龍旺角西洋菜街2T號添置商業中心10樓全層<br>
					電話 : (+852) 2321 3880
    			</p>
				<p>
					<h3><i class="icon-home"></i>傳韻音響</h3>
					地址 : 香港九龍旺角山東街47-51號中僑商業大廈2001室<br>
					電話 : (+852) 3528 0033
				</p>
				<p>
					<h3><i class="icon-home"></i>尚譽音響</h3>
					地址 : 澳門宋玉生廣場389號中航大廈9樓M座<br>
					電話 : (+853) 2882 2255
				</p>
				
				<p>
					<h3><i class="icon-home"></i>樂瑩視聽</h3>
					地址 : 中國北京市豐台區成壽寺路5號鑫源國際1502室<br>
					電話 : (+86) 156 1166 4311
				</p>
    		</div>

    		<div class="col-sm-4">
    			<div id="maps">
               
          </div>
    		</div>
    	</div>
    </div>
</block>
<block name="script">
	<link href="https://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" />  
    <script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=true"></script> 

    <script type="text/javascript">
      var point = new google.maps.LatLng(22.282246449180754, 114.15361841497828); // location, (纬度,经度)

      var center_point = new google.maps.LatLng(22.282246449180754, 114.15361841497828);
      
      var option = {  
        zoom: 17,  
        center: center_point,  
        mapTypeId: google.maps.MapTypeId.ROADMAP  
      }
      
      var obj = document.getElementById("maps");// container 
      
      var map = new google.maps.Map(obj, option);// show map 
      
      var image1 = {
        url: './Public/image/map.png',
        // This marker is 20 pixels wide by 32 pixels tall.
        //size: new google.maps.Size(20, 32),
        // The origin for this image is 0,0.
        //origin: new google.maps.Point(0,0),
        // The anchor for this image is the base of the flagpole at 0,32.
        //anchor: new google.maps.Point(0, 32)
        };
      
      var beachMarker1 = new google.maps.Marker({
        position: point,
        title: 'Absolute',
        icon: image1,
        map: map
      });
      
      
      
      google.maps.event.addListener(beachMarker1, 'click', function() {
         window.open('fitness.html');
      });

    </script>
</block>